/* CSS is mostly for the complex example */

#select_multiple_one,
#select_multiple_two {
    width:200px;
}

#select_two_container {
    position:relative;
}

.select_multiple_submit {
    background-color: #e5e5e5;
    padding:10px;
    height:22px;
    text-align:rightright;
}

.select_multiple_label {
    margin-left:5px;
    font-family:"Lucida Grande",Verdana;
    font-size:11px;
}

.select_multiple_container {
    width:300px;
    position:absolute;
    top:0;
    left:0;
    z-index:500;
    border:1px solid #222;
    border-top:none;
}

.select_multiple_container .select_multiple_header {
    background-color: hsl(24, 100%, 46%);
    color:#fff;
    font-family:"Lucida Grande",Verdana;
    font-weight:bold;
    font-size:12px;
    margin:0;
    padding:7px 0 8px 10px;
}

table.select_multiple_table td {
    height:27px;
    border-bottom:1px solid #ddd;
    font-family:"Lucida Grande",Verdana;
    color:#333;
    font-size:11px;
}

table.select_multiple_table tr.even {
    background-color:#FCFCFC;
}

table.select_multiple_table tr.odd {
    background-color:#F7F7F7;
}

table.select_multiple_table tr.selected {
    background-image:none;
    background-color:#D9E9FE;
}

.select_multiple_name {
    padding-left:15px;
    font-weight:bold;
}

.select_multiple_checkbox {
    text-align:rightright;
}

.select_multiple_checkbox input {
    margin-right:15px;
}